<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="one two three" id="box" title="hello" data-index="0"></div>
</body>
<script>
    // 属性节点和元素节点的内置属性
    // innerHTML
    // innerText
    // textContent
    // outerHTML
    // outerText
    // id
    // className
    // classList
    // title
    // tagName
    // style
    // dataset

    // href
    // src

    // name
    // type
    // placeholder
    // min
    // max
    // step
    // maxlength

    // this -> 函数的内置参数,每个函数都有 指向函数在调用时依存的对象
    // (1)  普通函数(命名函数,匿名函数) 一般在调用时直接调用 => 没有依存的对象this-> window
    // (2)   有依存的对象   函数在调用时属于谁 就指向谁

    // 多元素绑定事件(1)



</script>

</html>